<template>
  <a-content :page="false">
    <DetailedLayout>
      <template #header>
        <DetailedHeader />
        <ul class="dis-flex">
          <li @click="tagMenu('detailed')">详情 <span></span></li>
          <li @click="tagMenu('file')">文件 <span></span></li>
          <li @click="tagMenu('follow')">跟进 <span></span></li>
        </ul>
      </template>
      <DetailedModule v-if="modules === 'detailed'" />
      <DetailedFile v-if="modules === 'file'" />
      <detailedTabFollow v-if="modules === 'follow'" />
    </DetailedLayout>
  </a-content>
</template>
<script lang="ts" setup>
import DetailedLayout from "../../components/detailedLayout/index.vue";
import DetailedHeader from "../../components/detailedHeader/index.vue";
import Section from "@/components/section/index.vue";
import ColLabel from "@/components/colLabel/index.vue";
import ColLabelGroup from "@/components/colLabelGroup/index.vue";
// tab-module
import DetailedModule from "./content.vue";
import DetailedFile from "../../components/detailedTabFile/index.vue";
import detailedTabFollow from "../../components/detailedTabFollow/index.vue";

const modules = ref<string>("detailed");
const tagMenu = (type: string): void => {
  modules.value = type;
};
</script>
